<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>滨航集团</title>
    <link rel="icon" type="image/x-icon" href="favicon.ico">
</head>
<script src="public/js/vue.js"></script>
<script src="public/js/axios.js"></script>

<!-- 引入样式 -->
<!--<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">-->
<link rel="stylesheet" href="public/css/element.css">
<!-- 引入组件库 -->
<!--<script src="https://unpkg.com/element-ui/lib/index.js"></script>-->
<script src="public/js/element.js"></script>


<link rel="stylesheet" href="public/css/swiper-bundle.css">
<script src="public/js/swiper-bundle.js"></script>
<link rel="stylesheet" href="public/css/index.css">
<script>
    // 使用正则表达式检测用户代理字符串来判断是否是手机设备
    var isMobile = /iPhone|iPad|iPod|Android|webOS|BlackBerry|Windows Phone/i.test(navigator.userAgent);

    // 如果是手机设备，执行重定向
    if (isMobile) {
        window.location.href = "/bhwapv2";
    }
</script>
<body style="margin: 0px">


<!--顶部导航-->

<div class="Nav">
    <div class="nav-content">
        <img  loading='lazy'  class="tit_img" id="myImage" src="public/images/title.png"/>
        <a style="margin-left: 33px" class="link_a" href="index.html">滨航集团</a>
        <a class="link_a" href="Business.html">业务体系</a>
        <a class="link_a" href="Customer.html">客户案例</a>
        <a class="link_a" href="Service.html">服务中心</a>
        <a class="link_a link_adq" href="Ecological.html">生态联盟</a>
        <a class="link_a" href="About.html">关于滨航</a>
        <img loading='lazy'  class="tit_img_2" src="public/images/phone.png"/>
        <span class="link_span">022-58238822</span>
        <a class="link_but" href="https://bhmhtest.lianghang.cc" target="_blank">免费体验</a>
    </div>
</div>

<!-- 头图-->


<div class="swiper mySwiper">
    <div class="swiper-wrapper">
        <!--        循环层-->
        <div class="swiper-slide">
            <div class="image-container">
                <img loading='lazy'  style="max-width: 100%;height: auto;width: 100%" src="public/images/banner_5.png">
                <div class="centered-text">
                    <div>助力业务全程数字化</div>
                    <div>与伙伴、联盟、客户共同发展</div>
                </div>
            </div>
        </div>

    </div>
    <div class="swiper-pagination"></div>
</div>



<div id="app">

    <div class="body-h">

        <!--高端联盟-->
        <div class="gdlm">
            <div class="public_title">
                <div>产业生态圈</div>
                <div>Industrial Ecosystem</div>
            </div>

            <div class="gdlm-cont">

                 <img v-if="AllShow===1" class="new-gdlm-left" loading='lazy' src="public/images/cystq_0.png">
                 <img v-if="AllShow===0" class="new-gdlm-left" loading='lazy' src="public/images/cystq_1.png">
                 <img v-if="AllShow===2" class="new-gdlm-left" loading='lazy' src="public/images/cystq_2.png">
                 <img v-if="AllShow===3" class="new-gdlm-left" loading='lazy' src="public/images/cystq_3.png">

                <div class="new-gdlm-right">
                    <div class="new-gdlm-list">
                        <div @click="stqh(index)" v-for="(item,index) in All" :key="index" :class="AllShow===index?'new-gdlm-list-active':''">{{item.title}}</div>
                    </div>
                    <div class="new-gdlm-right-content-1">{{All[AllShow].content_1}}</div>
                    <div class="new-gdlm-right-content-2">{{All[AllShow].content_2}}</div>
                </div>
            </div>

        </div>



        <!--伙伴联盟-->
        <div class="qifw" style="align-items: center;height: 700px;">
            <div class="public_title">
                <div>伙伴联盟</div>
                <div>Partner</div>
            </div>

            <div class="hblm">
                <img loading='lazy'  v-for="i in 24" style="width: 180px;height: 110px" :src="'public/st/hb_'+i+'.png'" :key="i"/>
            </div>
        </div>

<!--供应商加入-->
       <div class="gys">

           <div class="public_title">
               <div>供应商加入</div>
               <div>Supplier</div>
           </div>


            <div class="gys-cont">

                    <div v-for="(item,index) in jsfuList" @click="gone(index)">
                        <div>{{item}}</div>
                        <div>合作伙伴申请...</div>
                        <div class="public-ckgd" style="margin-top: 33px">查看更多<img loading='lazy'  src="public/images/qyfw_but.png" /></div>
                    </div>

            </div>
       </div>





<!--        footer-from-->
        <div class="footer-from" style="margin-top: 56px">
                <div class="footer-from-title">请专业顾问为您解答或演示</div>
                <div class="footer-from-title-fu">留下姓名和联系方式, 会有专业工作人员免费为您服务</div>
                <div class="footer-from-content" style="margin-top: 58px">
                    <div class="footer-from-name"><div>姓名:</div> <input v-model="footForm.name" style="width: 120px;color: rgba(255,255,255,0.8);" /></div>
                    <div class="footer-from-phone" style="margin-left: 12px;margin-right: 16px"><div>联系方式:</div> <input v-model="footForm.phome" style="width: 220px;color: rgba(255,255,255,0.8);" /></div>
                    <div class="footer-from-but" @click="FootFn">立即咨询</div>
                </div>
        </div>

        <!--        footer-->
        <div class="footer">
            <div class="footer-cont">
                <div class="footer-cont-top">
                    <div class="footer-cont-cp">
                        <div class="footer-title" style="margin-bottom: 12px">服务与产品</div>
                        <div class="footer-cont-x-title">
                            <a href="Business.html#scope-gsfw">工商服务</a>
                            <a href="Business.html#ft=1">数字展陈</a>
                            <a href="Business.html#scope-zscq">知识产权</a>
                            <a href="Business.html#ft=2">平台开发</a>
                            <a href="Business.html#scope-zzrz">资质认证</a>
                            <a href="Business.html#ft=3">园区运营</a>
                            <a href="Business.html#ft=6">税务服务</a>
                            <a href="Business.html#ft=4">人才服务</a>
                            <a href="Business.html#ft=7">会计服务</a>
                            <a href="Business.html#ft=5">联盟运营</a>
                        </div>
                    </div>

                    <div class="footer-cont-gy">
                        <div class="footer-title" style="margin-bottom: 12px">关于滨航</div>
                        <div class="footer-cont-gy-title">
                            <a href="About.html#social-responsibility_1">企业简介</a>
                            <a href="About.html#social-responsibility_2">创业历程</a>
                            <a href="About.html#social-responsibility_3">社会责任</a>
                            <a href="About.html#social-responsibility_4">荣誉资质</a>
                        </div>
                    </div>

                    <div class="footer-cont-lx">
                        <div class="footer-title" style="margin-bottom: 12px">联系我们</div>
                        <div class="footer-cont-lx-c">
                            <div>市场部: 022-58238822</div>
                            <div>总部地址: 天津市东丽区外环东路3699号滨航腾云创意园</div>
                        </div>
                    </div>

                    <div style="margin-left: 272px">
                        <img loading='lazy'  src="public/images/bhjt.png" />
                    </div>
                </div>
                <div class="footer-hx"></div>
                <div class="footer-cont-dow">
                    <div>
                        <div>隐私条款</div>
                        <div>服务条款</div>
                    </div>
                    <div>
                        <div>滨航企业管理(天津)集团有限公司</div>
                        <div>津ICP备19009508号-1</div>
                    </div>
                </div>
            </div>
        </div>
    </div>

</div>

<script>

    // 获取图片元素
    var image = document.getElementById("myImage");

    // 添加点击事件监听器
    image.addEventListener("click", function() {
        // 导航到首页的URL，你需要将此URL替换为你的实际首页URL
        window.location.href = "index.html";
    });

    var swiper = new Swiper(".mySwiper", {
        // loop: true,
        // autoplay: {
        //     delay: 3000,
        //     disableOnInteraction: false,
        // },
        // pagination: {
        //     el: ".mySwiper .swiper-pagination",
        // },
    });


    var swiper = new Swiper(".image-lunbo-w", {
        slidesPerView: 3,
        spaceBetween: 30,
        navigation: {
            nextEl: ".swiper-button-next",
            prevEl: ".swiper-button-prev",
        },
    });



    // 在DOM加载完成后执行
    document.addEventListener('DOMContentLoaded', function() {
        // 获取图片元素
        var titleImage = document.querySelector('.tit_img');
        var titleImage_1 = document.querySelector('.tit_img_2');

        // 创建新的Image对象并设置图像的src属性以提前加载
        var preloadedImage = new Image();
        preloadedImage.src = 'public/images/title_1.png';

        var preloadedImage1 = new Image();
        preloadedImage1.src = 'public/images/phone_1.png';

        // 添加滚动事件监听器
        window.addEventListener('scroll', function () {
            var navElement = document.querySelector('.Nav');
            var navContentElement = document.querySelector('.nav-content');

            if (window.scrollY > 0) {
                navElement.classList.add('scrolled');
                navContentElement.classList.add('scrolled-content');

                // 更改图片链接为已预加载的图像
                if (titleImage) {
                    titleImage.src = preloadedImage.src;
                }

                if (titleImage_1) {
                    titleImage_1.src = preloadedImage1.src;
                }
            } else {
                navElement.classList.remove('scrolled');
                navContentElement.classList.remove('scrolled-content');

                // 恢复图片链接为默认图像
                if (titleImage) {
                    titleImage.src = 'public/images/title.png';
                }
                if (titleImage_1) {
                    titleImage_1.src = 'public/images/phone.png';
                }
            }
        });
    });




    var vm = new Vue({
        el: '#app',
        data: {
            jsfuIsShow:0,
            jsfuList:['企业服务','行业软件','灵活用工','建筑施工','数字展厅','系统集成'],
            footForm:{
                name:'',
                phome:''
            },
            qtval:1,
            All:[
                {
                    title:'政府',
                    content_1:'2020年12月31日，在天津市人才工作领导小组统筹指导下，由天津市人才工作领导小组统筹指导下，东丽区委、区政府，中国民航大学，北京航空航天大学，天津港保税区管委会联合天津市120余家企业及高校院所共同发起天津市航空航天人才创新创业联盟在津成立。',
                    content_2:'联盟以天津市航空航天产业为主体，通过市场化运作，致力于航空航天产业生态圈建设，充分集聚航空航天领域优势资源，旨在推动国家和天津市航空航天产业高质量发展，实现高校、院所、企业、区合作共赢，促进“五链”融合，助力打造天津市航空航天产业集群和人才高地。'
                },
                {
                    title:'国央企',
                    content_1: '2021年4月7日，天津联通与滨航集团在滨航腾云创意园进行了战略合作签约仪式，此次合作联通将与滨航共建标杆园区，打造5G产业链，借助中科院技术共同打造东丽区特色产业项目、孵化以 5G 产业为主导，涵盖 5G 应用、物联网、互联网 + 等特色产业链，旨在搭建创新技术和创新人才的全面服务智慧平台。',
                    content_2: '2021年4月7日，天津联通与滨航集团在滨航腾云创意园进行了战略合作签约仪式，此次合作联通将与滨航共建标杆园区，打造5G产业链，借助中科院技术共同打造东丽区特色产业项目、孵化以 5G 产业为主导，涵盖 5G 应用、物联网、互联网 + 等特色产业链，旨在搭建创新技术和创新人才的全面服务智慧平台。'
                },
                {
                    title:'科研院所',
                    content_1: '2020年4月，东丽区科技局、中国市政工程华北设计研究总院有限公司、天津航大天元航空技术有限公司、中国民航大学、滨航腾云创意园形成战略合作关系。',
                    content_2: '中国市政工程华北设计研究总院有限公司第一设计研究院与天津航大天元航空技术有限公司合作，设立中国市政工程华北设计研究总院有限公司第十四设计研究院（机场规划设计研究院），共同开拓国内机场设计市场，稳步推进华北院在机场规划设计领域的快速发展。'
                },
                {
                    title:'产业平台',
                    content_1: '2021年4月7日，天津联通与滨航集团在滨航腾云创意园进行了战略合作签约仪式，此次合作联通将与滨航共建标杆园区，打造5G产业链，借助中科院技术共同打造东丽区特色产业项目、孵化以 5G 产业为主导，涵盖 5G 应用、物联网、互联网 + 等特色产业链，旨在搭建创新技术和创新人才的全面服务智慧平台。',
                    content_2: '双方共同聚焦天津数字经济基础设施建设，围绕“互联网+产业共享服务”，共同打造东丽首家共享经济模式产业园区，共同贯彻落实双创思想，推动我市信息化及双创建设，服务企业，助推东丽区中小微企业发展。'
                }
            ],
            AllShow:0,
            apiurl : 'https://xcglapi.tjbinhang.cn'
        },
        created() {

        },
        methods: {
            Jsfw(id){
                this.jsfuIsShow = id
            },
            xfdj(id){
                this.xfIsShow = id
            },
            FootFn(){
                if (this.footForm.name.trim() && this.footForm.phome.trim()){
                    axios.post(this.apiurl+'/api/v1/website/create',{phone:this.footForm.phome.trim(),username:this.footForm.name.trim()}).then(res=>{
                        if (res.data.code === 200){
                            this.$message({
                                showClose: true,
                                message: '提交成功',
                                type: 'success',
                            });
                        }else{
                            this.$message({
                                showClose: true,
                                message: res.data.msg,
                                type: 'error',
                            });
                        }
                    })
                }else{
                    this.$message({
                        showClose: true,
                        message: '请填写用户名或手机号',
                        type: 'error',
                    });
                }
            },
            qt(val){
                console.log(val)
                this.qtval = val
            },
            gone(val){
                window.location.href = 'Ecological_1.html#sy='+(val+1)
            },
            stqh(index){
                this.AllShow = index
            }
        }
    })
</script>
</body>
</html>
